// 权限控制
import router from '@/router'
import store from '@/store'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

import { asyncRoutes } from '@/router/asyncRoutes.js'
// import { replace } from 'core-js/fn/symbol'
// 白名单
const whiteList = ['/login', '/404']
router.beforeEach(async(to, from, next) => {
  // 再页面进入的时候就开启进度条
  NProgress.start()
  const token = store.state.user.token
  console.log(token)
  if (token) {
    if (to.path === '/login') {
      next('/')
      // 路由守卫这种钩子函数通常都是成对出现
      // 有一个前往该路由的前置守卫就一定有一个前往该路由的后置守卫
      // 如果中途改变了路由前进的方向 就找不到对应的后置守卫了
      // 我们是在后置守卫中关闭进度条的 所以进度条也关闭不了了
      // 再这里需要手动关闭进度条
      NProgress.done()
    } else {
      // 只有用户登陆之后才需要获取用户信息接口
      // 当用户前往任意地址都需要调用

      // 添加一个判断条件 判断vuex中是否有userInfo中的数据 如果没有就调接口 如果有不用管
      if (!store.state.user.userInfo.userId) {
        const roles = await store.dispatch('user/fetchUserInfo')
        // console.log(roles)
        // console.log(asyncRoutes)
        const filterRoutes = asyncRoutes.filter(item => {
          return roles.menus.includes(item.children[0].name)
        })
        router.addRoutes(filterRoutes)
        store.commit('menu/setMenuList', filterRoutes)
        next({
          ...to,
          replace: true
        })
        return
      }
      next()
    }
  } else {
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
      NProgress.done()
    }
  }
})

router.afterEach((to, from) => {
  // 页面进入完成之后关闭进度条
  NProgress.done()
})
